<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //页面的加载事件
       /*window.onload=function () {
           console.log("哈哈,我又变帅了1");
       };
       window.onload=function () {
           console.log("哈哈,我又变帅了2");
       };*/
       /*window.addEventListener("load", function() {
            console.log("哈哈,我又变帅了1");
       }, false)
       window.addEventListener("load", function() {
            console.log("哈哈,我又变帅了2");
       }, false)*/
    </script>
    <script src="jquery-1.12.2.js"></script>
    <script>
       /* //jQuery的代码---和DOM中的window.onload事件是相同的
       $(window).load(function () {
           console.log("啊哈哈,我真的好帅1");
       });*/
       /*$(window).load(function () {
           console.log("啊哈哈,我真的好帅2");
       });*/
        //页面中所有的内容加载完毕后才触发,标签,图片,文字内容....
        //第二种页面加载的事件的写法---都是方法了
        //页面中的基本的标签加载完毕后就可以触发了
        //
       $(document).ready(function () {
           console.log("我为什么这么帅1");
       });
        $(function () {
            console.log("哈哈,我真的很帅的2");
        });
        

        /*$(document).ready(function () {
            console.log("我为什么这么帅2");
        });*/
        //页面中基本的标签加载后就执行
//        jQuery(function () {
//            console.log("纯洁的我就是这么帅的1");
//        });
        /*jQuery(function () {
            console.log("纯洁的我就是这么帅的2");
        });*/
//        $(function () {
//            console.log("哈哈,我真的很帅的1");
//        });
        
    </script>
</head>
<body>

</body>
</html>